<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品離線簽收 - 登錄</title>
</head>
<link rel="stylesheet" href="./libs/element-ui/index.css"/>
<link rel="stylesheet" href="./css/element-user.css"/>
<link rel="stylesheet" href="./css/login.css"/>
<body>
    <div class="container-login" id="app">
        <div class="login-title">
            商品離線簽收平台管理
        </div>
        <div class="login-box">
            <div class="login-img">
                <div class="trans trans-one"></div>
                <div class="trans trans-two"></div>
                <div class="trans trans-three"></div>
                <div class="trans trans-four"></div>
                <div class="user-img"></div>
            </div>
            <div class="login-txt">
                <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
                    <el-form-item prop="couName">
                        <el-input @keyup.enter.native="handleLogin" class="login-msg" v-model="loginForm.couName"
                                  prefix-icon="el-icon-s-custom"
                                  placeholder="请输入用户名"></el-input>
                    </el-form-item>
                    <el-form-item prop="couPassword">
                        <el-input @keyup.enter.native="handleLogin" class="login-msg" v-model="loginForm.couPassword"
                                  prefix-icon="el-icon-lock"
                                  placeholder="请输入密码" show-password></el-input>
                    </el-form-item>
                    <el-form-item style="width:100%;">
                        <div class="btn-login"
                             @click="handleLogin">
                            <span v-if="!loading">登 錄</span>
                            <span v-else>登 錄 中...</span>
                        </div>
                    </el-form-item>
                </el-form>
            </div>
        </div>
    </div>
</body>
<script src="./js/common.js"></script>
<script src="./libs/vue/vue.js"></script>
<script src="./libs/element-ui/index.js"></script>
<script src="./libs/axios/axios.min.js"></script>
<script src="./js/request.js"></script>
<script src="js/api/loginApi.js"></script>
<script src="./js/login.js"></script>
</html>